<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>Cropper</title>
  <link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-2.1.1.css">
  <link rel="stylesheet" href="../dist/cropper.css">
  <link rel="stylesheet" href="css/main.css">
</head>
<body>
  <div id="qunit"></div>
  <div id="qunit-fixture"></div>
  <script src="https://code.jquery.com/qunit/qunit-2.1.1.js"></script>
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <script src="../dist/cropper.js"></script>
  <script src="js/main.js"></script>

  <!-- Options -->
  <script src="options/viewMode.js"></script>
  <script src="options/dragMode.js"></script>
  <script src="options/aspectRatio.js"></script>
  <script src="options/data.js"></script>
  <script src="options/checkOrientation.js"></script>
  <script src="options/modal.js"></script>
  <script src="options/guides.js"></script>
  <script src="options/center.js"></script>
  <script src="options/highlight.js"></script>
  <script src="options/background.js"></script>
  <script src="options/autoCrop.js"></script>
  <script src="options/movable.js"></script>
  <script src="options/rotatable.js"></script>
  <script src="options/scalable.js"></script>
  <script src="options/zoomable.js"></script>
  <script src="options/zoomOnTouch.js"></script>
  <script src="options/zoomOnWheel.js"></script>
  <script src="options/cropBoxMovable.js"></script>
  <script src="options/cropBoxResizable.js"></script>
  <script src="options/toggleDragModeOnDblclick.js"></script>
  <script src="options/minCanvasWidth.js"></script>
  <script src="options/minCanvasHeight.js"></script>
  <script src="options/minCropBoxWidth.js"></script>
  <script src="options/minCropBoxHeight.js"></script>
  <script src="options/minContainerWidth.js"></script>
  <script src="options/minContainerHeight.js"></script>

  <!-- Methods -->
  <script src="methods/crop.js"></script>
  <script src="methods/reset.js"></script>
  <script src="methods/clear.js"></script>
  <script src="methods/replace.js"></script>
  <script src="methods/enable.js"></script>
  <script src="methods/disable.js"></script>
  <script src="methods/destroy.js"></script>
  <script src="methods/move.js"></script>
  <script src="methods/moveTo.js"></script>
  <script src="methods/zoom.js"></script>
  <script src="methods/zoomTo.js"></script>
  <script src="methods/rotate.js"></script>
  <script src="methods/rotateTo.js"></script>
  <script src="methods/scale.js"></script>
  <script src="methods/scaleX.js"></script>
  <script src="methods/scaleY.js"></script>
  <script src="methods/getData.js"></script>
  <script src="methods/setData.js"></script>
  <script src="methods/getContainerData.js"></script>
  <script src="methods/getImageData.js"></script>
  <script src="methods/getCanvasData.js"></script>
  <script src="methods/setCanvasData.js"></script>
  <script src="methods/getCropBoxData.js"></script>
  <script src="methods/setCropBoxData.js"></script>
  <script src="methods/getCroppedCanvas.js"></script>
  <script src="methods/setAspectRatio.js"></script>
  <script src="methods/setDragMode.js"></script>

  <!-- Events -->
  <script src="events/ready.js"></script>
  <script src="events/cropstart.js"></script>
  <script src="events/cropmove.js"></script>
  <script src="events/cropend.js"></script>
  <script src="events/crop.js"></script>
  <script src="events/zoom.js"></script>
</body>
</html>
